<template>
	<div class="game-self">
		<header-top :option="headerOption"></header-top>
		<base-info :pageStatus='page'></base-info>
		<current-position></current-position>
		<selfdetail-footer></selfdetail-footer>
	</div>

</template>

<script>
	import HeaderTop from 'components/HeaderTop'
	import BaseInfo from 'components/game/selfdetail/BaseInfo'
	import CurrentPosition from 'components/game/selfdetail/CurrentPosition'
	import SelfDetailFooter from 'components/game/selfdetail/SelfDetailFooter'
	import Constant from 'common/constant'
    
    /**
       * 参数：
       * gameId  比赛id  必传
       * gameName  比赛名称   必传
       * 
       * 调用示例：
       * this.$router.push({path: '/game/gameselfdetail', query: {gameId : this.overview.gameId ,gameName : this.overview.gameName}})
    */
	export default {
		data() {
			return {
				headerOption: {
					title: this.$route.query.gameName,
					operations: [Constant.operation.REFRESH, Constant.operation.SHARE],
					page: Constant.storage.SHARE_GAME_SELF_DETAIL
				},
				page:'self'
			}
		},
		components: {
			'header-top': HeaderTop,
			'base-info': BaseInfo,
			'selfdetail-footer': SelfDetailFooter,
			'current-position': CurrentPosition
		},
		created: function() {
			//          this.$store.dispatch('setLoading',{visible:true}); 
		},
		methods: {

		}
	}
</script>

<style lang="css" scoped>
.game-self {
  background-color: #fff;
}
</style>